@import "./variable";

html {
  height: 100%;
}

body {
  height: 100%;
  background-color: $background-colorA;
  min-width: 1300px;
  margin: 0;
  .app {
    height: 100%;
  }
  .m-pbd {
    height: 100%;
    overflow: hidden;
  }
  .m-pageHeader {
    position: relative;
    height: 74px;
    background-color: #12b6df;
    background-image: linear-gradient(left, #0785ED, #12b6df, #0785ED, #12b6df, #0785ED);
    margin-bottom: 10px;
  }
  .m-pageWarp {
    height: calc(100% - 84px);
    overflow: hidden;
    .m-pageNav {
      background-color: #fff;
      border: 1px solid #DCDDDF;
      border-width: 1px 1px 0 0;
      height: 100%;
    }
    .m-pageContentWarp {
      height: 100%;
      overflow-y: auto;
      padding-left: 15px;
      .m-pageCrumb {
        margin-bottom: 10px;
        padding: 10px 16px;
        overflow: hidden;
        line-height: 20px;
        background: #fff;
        .el-breadcrumb__item__inner:hover{
            color: #48576a;
            cursor: default;
        }
        .el-breadcrumb__item:last-child .el-breadcrumb__item__inner{
            color: #48576a;
        }
      }
      .m-pageContent {
        height: calc(100% - 56px);
        background-color: #fff;
      }
    }
  }
}

.clfix {
  &::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0;
  }
}

.position {
  position: relative;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hide {
  display: none !important;
}